<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Previous Trades</title>
    <link rel="stylesheet" type="text/css" href="css/css/easyui.css">
    <link rel="stylesheet" type="text/css" href="css/css/icon.css">
    <link rel="stylesheet" type="text/css" href="css/css/demo.css">
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
</head>
 
<body>
    
    <div style="margin:20px 0;"></div>
    
    <table class="easyui-datagrid" title="Previous Trades" style="width:1300px;height:250px" id="tt"
            data-options="singleSelect:true,collapsible:true,url:'./prevtradeBook',method:'GET'">
        <thead>
            <tr>
                <th data-options="field:'id',width:80">Item ID</th>
                <th data-options="field:'otype',width:100">Condition Type</th>
                <th data-options="field:'insname',width:80,">Instrument Name</th>
                <th data-options="field:'symbol',width:80,">Symbol</th>
                <th data-options="field:'expdate',width:250">Expiry/Series</th>
                <th data-options="field:'qt',width:60,">Total Quantity</th>
                <th data-options="field:'ql',width:80">Total Lots</th>
                <th data-options="field:'qw',width:100">Total Weight</th>
                <th data-options="field:'price',width:80,">Price</th>
                <th data-options="field:'ptype',width:80,">Product Type</th>
                <th data-options="field:'tp',width:250">Trigger Price</th>
                <th data-options="field:'ts',width:60,">TimeStamp</th>
                 <th data-options="field:'type',width:250">Order Type</th>
                <th data-options="field:'userid',width:60,">USER ID</th>
            </tr>
        </thead>
    </table>
 
</body>
</html>